<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="js/jquery.min.js"></script>
<style>
p.p_num{width:78px;height:24px;border-top:solid 1px #d0d0d0;position:relative;border-bottom:solid 1px #d0d0d0; margin-top:-3px;}
span.sy_minus,span.sy_plus{width:15px;height:24px;line-height:24px;text-align:center;display:block;position:absolute;top:0px;font-size:14px; border:solid 1px #d0d0d0;background:#ebebeb;cursor:pointer;border-top:none;border-bottom:none;}
span.sy_minus{left:0px;}
span.sy_plus{right:0px;}
input.sy_num{width:44px;height:18px;line-height:24px;text-align:center;position:absolute;top:0px;left:17px;}
span.sy_num{padding:5px 8px;border:solid 1px #d0d0d0;border-left:none;border-right:none;cursor:pointer;}
</style>
</head>

<body>

	<p class="p_num">
		<span class="sy_minus" id="sy_minus_gid1">-</span>
			<input class="sy_num" id="sy_num_gid1" type="text" name="number1" value="1"/>
			<span class="sy_plus" id="sy_plus_gid1">+</span>
		</p>

<script type="text/javascript">
$(function(){
	var sy_num=$("#sy_num_gid1").val();
	var sy_nums=parseInt(sy_num);
	$("#sy_minus_gid1").click(function(){
		if(sy_nums<=1){
			sy_nums=1;
		}else{
			sy_nums=sy_nums-1;
		}
		$("#sy_num_gid1").attr("value",sy_nums);
	//	changePrice();
	});
	$("#sy_plus_gid1").click(function(){
		sy_nums=sy_nums+1;
		 $("#sy_num_gid1").attr("value",sy_nums);
		//	changePrice();
	});
});
</script>
</body>
</html>
